    <!-- `<div class="top">
      <input type="checkbox"> 全选
    </div>
    <ul>` -->
        上面的部分  

        中间部分
      <!-- <li>
        <div class="status">
          <input type="checkbox">
        </div>
        <div class="show">
          <img src="变量" alt="">
        </div>
        <div class="title">
          变量
        </div>
        <div class="price">
          ￥ 变量
        </div>
        <div class="number">
          <button>-</button>
          <input type="text" value="变量">
          <button>+</button>
        </div>
        <div class="sub">
          ￥ 变化
        </div>
        <div class="destory">
          <button>删除</button>
        </div>
      </li> -->
      中间部分
      底部部分
    <!-- </ul>
    <div class="bottom">
      <div class="totalNum">
        总件数 : 变量
      </div>
      <div class="btns">
        <button>清空购物车</button>
        <button>去结算</button>
        <button>删除所有已选中</button>
      </div>
      <div class="totalPrice">
        总价格 : ￥ <span>变化</span>
      </div>
    </div> -->
    底部部分 